import { AppSidebar } from "@/components/app-sidebar"
import { ImageUploader } from "@/components/image-uploader"
import { SiteHeader } from "@/components/site-header"
import { SidebarInset, SidebarProvider } from "@/components/ui/sidebar"

export default function DashboardPage() {
  return (
    <SidebarProvider>
      <AppSidebar />
      <SidebarInset>
        <SiteHeader title="照片检测" />
        <div className="flex flex-1 flex-col p-4 md:p-6">
          <div className="flex flex-col gap-4">
            <h1 className="text-2xl font-bold tracking-tight">上传照片进行检测</h1>
            <p className="text-muted-foreground">
              上传您的照片，我们的 AI 将自动检测照片中的人物、物品等内容并生成标签。
            </p>
            <ImageUploader />
          </div>
        </div>
      </SidebarInset>
    </SidebarProvider>
  )
}
